import Account from "@web-design/account";
// @ts-ignore
import SplitTheme from "@web-design/account/theme/split";
// @ts-ignore
// import Panel from "@web-design/account/panel/panel2";
import Panel from "@web-design/account/panel/full";
import {history} from '@web-design/micro-app'
// const  {Panel} = Account
const App = ()=>{
//  const history =  useHistory()
    const onSubmit = ()=>{
      
      history.push('/')
    }
  return  <Account
  Theme={SplitTheme}
    backgroundUrl="https://wind-prod.oss-cn-hangzhou.aliyuncs.com/boss/static/resource/login-bg1.png"
    onSubmit={onSubmit}
  >
    <Panel>
    
      <Account.Title>远程React组件</Account.Title>
      <Account.Input
        rules={[{ required: true, message: "ss" }]}
        name="username1"
      />
      <Account.Password name="password1" />
      <Account.ImgVCode />
      <Account.VCode />
      <Account.Checkbox>
        我已阅读并同意
        <a href="#">《隐私条款》</a>
        <a href="#">《登录条款》</a>
      </Account.Checkbox>
      {/* <Account.Row right={<a>忘记密码</a>} /> */}
      <Account.Submit>登录</Account.Submit>
    </Panel>
  </Account>
}
export default App